* {
		margin: 0;
		padding: 0;
	}
ul{
	list-style: none;
}
input{
	-webkit-appearance: none;
	background:none; 
	outline:none;  
	border:0px;

}
.box {
	width: 600px;
	margin: 20px auto;
	}

.top {
	width: 600px;
	height: 40px;
	background: #ccc;
	line-height: 40px;
	position: relative;
	}

.top .top-right {
	position: absolute;
	right: 5px;
	}
.top #nowCity{
	font-weight: bold;
	}
.hot{
	font-size:14px;
	color:#516fff;
	margin-top:20px;
	margin-left:25px;
}
.hot .hot-top{
	color: #666666;
	font-weight: bold;
}
.search{
	margin-top:20px;
	margin-left:25px;
	position: relative;
	height:40px;
	
}
.search input{
	height: 30px;
	position: absolute;
	right:30px;
	background: #ececec;
	border-radius:5px;
	
}
.search button{
	border: 1px solid transparent; 
	outline: none;
	width:60px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	border-radius: 5px;
	margin-right: 10px;
	color: #fff;
}
.search button:focus{
	background: #666666;
}
.search .search-icon{
	background: #333333;
	color: #fff;
	height:30px;
	width: 30px;
	position:absolute;
	right:15px;
	text-align: center;
	line-height: 30px;
}
.showBox{
	margin-top:20px;
	margin-left:25px;
	
}
.showBox .tag{
	display: inline-block;
	background: #d6ebff;
	color: #4369b0;
	width:30px;
	text-align: center;
	margin-bottom: 10px;
	margin-right: 10px;
	font-weight: bold;
}
.showBox .showPro .showPro-box{
	position: relative;
	
}

.showBox .showPro .showPro-box .showTag{
	font-size: 18px;
	color: #D6EBFF;
	
	}
.showBox .showPro .showPro-box .showTitle{
	color:#666666;
	font-size: 14px;
	margin-left: 5px;
}

.showBox .showPro .showPro-box .showCity{
	
	position: absolute;
	right:0;
	top:0;
	color:#666666;
	font-size: 12px;
	display: inline-block;
	margin-left:20px;
	width:400px;
	
}
.showBox .showPro .showPro-box .showCity span{
	
	margin-left:5px;
}

